<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4"
      xmlns:sec="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

    <div id="userFormDiv">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"
                            aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="modalLabel">新增用户</h4>
                </div>
                <form id="userForm" method="post" enctype="multipart/form-data">
                    <div class="modal-body">

                        <div class="form-group" id="item_username">
                            <label for="frm_username" class="control-label">用户名: </label>
                            <input type="text" class="form-control" name="username" id="frm_username">
                        </div>
                        <div class="form-group" id="item_email">
                            <label for="frm_email" class="control-label">邮箱: </label>
                            <input type="text" class="form-control" name="email" id="frm_email">
                        </div>
                        <div class="form-group" id="item_tel">
                            <label for="frm_tel" class="control-label">电话号码:</label>
                            <input type="text" class="form-control" name="tel" id="frm_tel">
                        </div>
                        <div class="form-group" id="item_password">
                            <label for="frm_password" class="control-label">密码:</label>
                            <input type="password" class="form-control" name="password" id="frm_password">
                        </div>
                        <div class="form-group" id="item_confirmPassword">
                            <label for="frm_confirmPassword" class="control-label">确认密码:</label>
                            <input type="password" class="form-control" name="confirmPassword" id="frm_confirmPassword">
                        </div>

                        <!-- {6}角色列表 [START]  -->
                        <div class="form-group" id="item_roleId">
                            <label for="frm_roleId" class="control-label">选择角色:</label>
                            <select id="frm_roleId" name="roleId">
                                <option value="">未分配角色</option>
                                <option th:each="r : ${roleList}"
                                        th:value="${r.value}">[[${r.text}]]</option>
                            </select>
                        </div>
                        <!-- {6}角色列表 [END]  -->

                        <div class="form-group" id="item_sex">
                            <label class="control-label">性别:</label>
                            <div class="clearfix">
                                <label class="coder-radio radio-inline radio-primary">
                                    <input type="radio" name="sex" id="frm_sex_lady" value="女"><span>女</span>
                                </label>
                                <label class="coder-radio radio-inline radio-primary">
                                    <input type="radio" name="sex" id="frm_sex_gen" value="男" checked><span>男</span>
                                </label>
                            </div>
                        </div>

                        <!-- 头像上传 -->
                        <div class="form-group" id="item_file">
                            <div class="col-sm-12">
                                <!-- 头像 id="file-pic" name="file" -->
                                <input id="file-pic" name="file" type="file" value="上传" multiple/>
                                <!-- 支持格式 -->
                                <p class="help-block">支持jpg、jpeg、png、gif,txt,"docx","zip","xlsx"格式，大小没限制</p>
                            </div>
                        </div>

                    </div>

                    <div class="modal-footer">
                        <!-- 保存功能 data-method='save'方法 -->
                        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                        <button type="button" data-method='save' class="btn btn-primary">保存</button>
                        <input type="hidden" id="frm_id" name="id" />
                    </div>

                </form>
            </div>
        </div>    <!-- [USER_FORM]{ END } -->
    </div>


</body>
</html>
